<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>主界面</title>
<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
<link rel="stylesheet" type="text/css" href="../../css/css.css" />
<link rel="stylesheet" type="text/css"
	href="../../js/jquery-easyui-1.4.3/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="../../js/jquery-easyui-1.4.3/themes/icon.css" />
<link rel="stylesheet" type="text/css"
	href="../../js/SimpleTree1.3/js/tree_themes/SimpleTree.css" />
<link rel="stylesheet" type="text/css" href="../../css/colorReset.css" />
<style>
/*body{
	width:100%;
	height:100%;
	background:url(../../images/main_bg_t.png) left top no-repeat;
}
.main{
	min-width:615px;
	min-height:370px;
	background:url(../../images/main_bg_r.png) right top no-repeat;
}*/
.hover {
	background-color: #ffa;
}

.title {
	width: 80%;
	margin: 0 auto;
	padding: 15px 0 10px 0;
	font-size: 25px;
	text-align: center;
}

.main_tips {
	display: none;
}

.title h2 img {
	width: 150px;
}

.title .line {
	width: 300px;
	height: 1px;
	line-height: 0px;
	border-bottom: 1px dashed #D1D1D1;
	margin: 10px auto 15px auto;
}

.title p {
	font-size: 18px;
}

.content ul {
	width: 540px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 10px 0;
	background-color: #FFFFFF;
}

.content ul li {
	display: block;
	float: left;
	margin: 10px;
	border-radius: 10px;
}
/*.content ul li a{
	display:block;	
	width:250px;
	height:130px;
	line-height:25px;
	color:#FFFFFF;
	border-radius:10px;
	box-shadow:2px 2px 6px #9E9E9E;
}
.content ul li a.one{
	background-color:#f39c12;
}
.content ul li a.two{
	background-color:#dd4b39;
}
.content ul li a.three{
	background-color:#00c0ef;
}
.content ul li a.four{
	background-color:#00a65a;
}
.content ul li a img{
	width:75px;
	vertical-align:text-bottom;
	padding:10px 10px 0 0;
	-webkit-animation:scale 0.3s ease-in infinite;
	-webkit-animation-iteration-count:1;
}*/
@
-webkit-keyframes scale { 0% {
	-webkit-transform: scale(0);
	opacity: 0;
}

100%
{
-webkit-transform
:scale(1)
;

	
opacity
:
1;

  
}
}

/*.content ul li a .situation{
	width:140px;
	height:82px;
	padding:20px 0 0 20px;
	-webkit-animation:rotate 0.3s ease-in infinite;
	-webkit-animation-iteration-count:1;
}*/
@
-webkit-keyframes rotate { 0% {
	-webkit-transform: rotate(0deg);
	opacity: 0;
}

50%
{
-webkit-transform
:rotate(360deg)
;

	
opacity
:
0
.1
;

  
}
}
.content ul li p, .content ul li h3 {
	display: block;
	font-family: "黑体";
	font-weight: bold;
}
/*.content ul li .times{
	font-size:36px;	
	line-height:30px;	
}
.content ul li h3{
	font-size:16px;
	padding:10px 0 0 5px;
}*/
.content ul li .more {
	text-align: center;
	line-height: 28px;
	height: 28px;
	background: url(../../images/more.png) 155px 9px no-repeat;
	border-radius: 0 0 10px 10px;
}

.content ul li .one .more {
	background-color: #db8d10;
}

.content ul li .two .more {
	background-color: #c74433;
}

.content ul li .three .more {
	background-color: #00add8;
}

.content ul li .four .more {
	background-color: #009651;
}

.content ul li .five .more {
	background-color: #009651;
}
/*.content ul li a:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}*/
.content ul li a:hover .more {
	background-position: 160px 9px;
}
</style>
</head>

<body id="main">
	<div class="main">
		<div class="title">
			<h2>
				<img src="../../images/logo.png" alt="" />
			</h2>
			<!--<div class="line"></div>
    <p>管理监控平台&nbsp;<span>Administrator  Console</span></p>-->
		</div>
		<div class="content">

			<ul>
				<li><a href="javascript:void(0);" class="one"
					data-title="用户授权管理"
					data-url="pages/UserManagement/UserRoleManagement.html">
						<div class="situation">
							<img src="../../images/main_tips.png" class="main_tips" alt="" />
							<p>
								<span class="times"><span style="font-size: 16px;">加载中...</span></span>个
							</p>
							<h3>待授权用户</h3>
						</div> <!--<img src="../../images/icon_01.png" alt="" class="fr" />
                <div class="clearfix"></div>
                <p class="more">More info</p>-->
				</a></li>
				<li><a href="javascript:void(0);" class="two"
					data-title="节点信息总览"
					data-url="pages/InterfaceMonitoring/NodeMonitoring/KettleInfoOverview.html">
						<div class="situation">
							<img src="../../images/main_tips.png" class="main_tips" alt="" />
							<p>
								<span class="times"><span style="font-size: 16px;">加载中...</span></span>个
							</p>
							<h3>异常节点数</h3>
						</div> <!--<img src="../../images/icon_02.png" alt="" class="fr" />
                <div class="clearfix"></div>
                <p class="more">More info</p>-->
				</a></li>
				<li><a href="javascript:void(0);" class="three"
					data-title="领域系统管理"
					data-url="pages/LedgerManagement/FieldSystemManage.html">
						<div class="situation">
							<img src="../../images/main_tips.png" class="main_tips" alt="" />
							<p>
								<span class="times"><span style="font-size: 16px;">加载中...</span></span>个
							</p>
							<h3>平台系统数</h3>
						</div> <!--<img src="../../images/icon_03.png" alt="" class="fr" />
                <div class="clearfix"></div>
                <p class="more">More info</p>-->
				</a></li>
				<li><a href="javascript:void(0);" class="four"
					data-title="领域系统接口统计"
					data-url="pages/InterfaceMonitoring/OperationMonitoring/FieldSystemInterfaceStatistics.html">
						<div class="situation">
							<img src="../../images/main_tips.png" class="main_tips" alt="" />
							<p>
								<span class="times"><span style="font-size: 16px;">加载中...</span></span>个
							</p>
							<h3>平台接口数</h3>
						</div> <!--<img src="../../images/icon_04.png" alt="" class="fr" />
                <div class="clearfix"></div>
                <p class="more">More info</p>-->
				</a></li>
			</ul>

		</div>
	</div>
	<script type="text/javascript"
		src="../../js/jquery-easyui-1.4.3/jquery.min.js"></script>
	<script type="text/javascript"
		src="../../js/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../js/dynDigital.js"></script>
	<script type="text/javascript" src="../../js/cook/constants.js"></script>
	<script type="text/javascript" src="../../js/cook/public.js"></script>

	<script>
$(document).ready(function(){
	
	$.ajax({
		url:BASE_URL_MAIN_PAGE_SEARCH + '/getAdministratorInfo' + '?v=' + Math.random(),
		dataType:'json',
		type:'get',
		contentType:"application/json",
		success:function(data){
			$(".times").attr("data-speed","1500");
			if(data.unAuditCount != "0")
			{
				$(".one .times").addClass("red").addClass("timer").attr("data-to",data.unAuditCount);
				$(".one .main_tips").fadeIn();
			}else
			{
				$(".one .times").addClass("timer").attr("data-to",data.unAuditCount);
			}
			if(data.notRunNodeCount != "0")
			{
				$(".two .times").addClass("red").addClass("timer").attr("data-to",data.notRunNodeCount);
				$(".two .main_tips").fadeIn();
			}else
			{
				$(".two .times").addClass("timer").attr("data-to",data.notRunNodeCount);
			}

			$(".three .times").addClass("timer").attr("data-to",data.systemCount);
			$(".four .times").addClass("timer").attr("data-to",data.systemInterfaceCount);
			$(".five .times").addClass("timer").attr("data-to",data.serviceAlarmCounts);
			$('.timer').each(count);

		}
	});
	
	$(".content a").click(function(e) {
		var title = $(this).data("title");
		var icon=$(this).attr("icon");
		var url;
		if($(".content a").index(this) == "0")
		{
			 url=$(this).data("url") + "?authState=unAuthorized" + '&v=' + Math.random();
		}else
		{
			url=$(this).data("url") + "?v=" + Math.random();
		}
		
		window.parent.OpenTab(title,url,icon, true);
    });	
	$("#main").css("height",$(document).height());
}); 
</script>
</body>
</html>
